<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/base.css" />
		<link rel="stylesheet" type="text/css" href="font/Hui-iconfont/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="css/home_public.css" />
		<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
		<style type="text/css">
			#myorder {
				position: relative;
				overflow: hidden;
			}
			
			#myorder .left_menu {
				background-color: #F8F8F8;
				float: left;
				width: 180px;
			}
			
			#myorder .left_menu p {
				line-height: 36px;
				background-color: #F8F8F8;
				text-indent: 5px;
			}
			
			#myorder .left_menu p a {
				color: #9B9B9B;
			}
			
			#myorder .left_menu>ul {
				/*list-style-type:square;
				margin-left: 20px;*/
			}
			
			#myorder .left_menu .li {
				line-height: 30px;
				color: #383838;
				text-indent: 1em;
			}
			
			#myorder .li ul {
				list-style-type: none;
			}
			
			#myorder .left_menu .li li {
				text-indent: 0em;
			}
			
			#myorder .li a {
				display: inline-block;
				width: 100%;
				text-indent: 2em;
				color: #666666;
				font-size: 12px;
			}
			
			#myorder .li a:hover {
				background-color: #CC3333;
				color: white;
			}
			
			#myorder .li .active {
				background-color: #CC3333;
				color: white;
			}
			
			#myorder .right_content{
				overflow: hidden;
				padding-left: 20px;
			}
			/*#myorder .right_content_top .right_content_top_face {
				border: 1px solid;
				width: 40px;
				height: 40px;
				border-radius: 50%;
				background-image: url();
			}*/
			#myorder .right_top{
				/*overflow: hidden;*/
				/*width: 1000px;
				margin: auto;*/
				height: 33px;
				border-bottom: 2px solid #DEDEDE;
			}
			#myorder .right_top li{
				float: left;
				text-indent: 1em;
				line-height: 32px;
				height:32px;
				width: 130px;
			}
			#myorder .right_top li>span{
				color: #CC3333;
				/*font-weight: bold;*/
			}
			#myorder .right_top .active{
				border-bottom: 3px solid #CC3333;
			}
			#myorder .right_nav{
				background-color: #F8F8F8;
				overflow: hidden;
				height: 40px;
				line-height: 40px;
				text-align:center ;
				color: #383838;
			}#myorder .right_nav li{
				float: left;
				/*width: 150px;*/
			} 
			#myorder .right_nav li:first-child{
				width: 300px;
			}
		</style>
	</head>

	<body>
		<div id="main">
			<div id="topbar_xiao" class="f12">
				<div class="inner_xiao">
					<div class="topnar-fl">
						Hi，欢迎来到洋码头！
					</div>
					<ul class="nav topbar-fr">
						<li class="nav-item">
							<a href=""><span class="title">登录</span></a>
						</li>
						<li class="nav-item">
							<a href=""><span class="title">注册</span></a>
						</li>
						<li class="nav-item">
							<a href=""><span class="title">购物车</span></a>
						</li>
						<li class="nav-item">
							<a href=""><span class="title">我的订单</span></a>
						</li>
						<li class="nav-item">
							<a href="" class="downmenu"><span class="title">个人中心</span>
								<!--<i class="arrow-bt"></i>--></a>
						</li>
						<li class="nav-item">
							<a href=""><span class="title">帮助中心</span></a>
						</li>
					</ul>
				</div>
			</div>

			<div id="myorder" class="mt20 mb20">
				<div class="left_menu">
					<p>
						<a href="" class="fb"><i class="Hui-iconfont f20 fn">&#xe705;</i> 个人中心</a>
					</p>
					<ul class="f14">
						<li class="li">
							<i class="Hui-iconfont">&#xe621;</i> 服务查询
							<ul>
								<li>
									<a href="" class="active">我的订单</a>
								</li>
								<li>
									<a href="">我的优惠券</a>
								</li>
							</ul>
						</li>
						<li class="li">
							<i class="Hui-iconfont">&#xe61d;</i> 账户管理
							<ul>
								<li>
									<a href="">安全中心</a>
								</li>
								<li>
									<a href="">管理收货地址</a>
								</li>
								<li>
									<a href="">提现</a>
								</li>
							</ul>
						</li>
						<li class="li">
							<i class="Hui-iconfont">&#xe649;</i> 关注中心
							<ul>
								<li>
									<a href="">我的收藏</a>
								</li </ul>
						</li>
						</ul>
				</div>
				<div class="right_content">
					<!--<div class="right_content_top">
						<div class="right_content_top_face fl">
							头像
						</div>
						<p>昵称 <span>粉丝 </span><label>0</label> </p>
						<p>安全等级:低<span>|</span> 管理<span>|</span><a href=""> 我的收货地址 ></a><a href=""> 我的余额 > </a></p>
					</div>-->
					<ul class="right_top f20 mb10">
						<li class="active">全部订单 <span>0</span></li>
						<li>待付款 <span>0</span></li>
						<li>待接单 <span>0</span></li>
						<li>待收货 <span>0</span></li>
						<li>待评价 <span>0</span></li>
					</ul>
					<ul class="right_nav f13">
						<li>商品</li>
						<li class="w100">单价(元)</li>
						<li class="w80">数量</li>
						<li class="w80">商品操作</li>
						<li class="w200">合计 (元)</li>
						<li class="w100">交易状态</li>
						<li class="w100">操作</li>
					</ul>
				</div>
			</div>

			<div id="footer">
				<div class="inner_xiao footerimg" style="padding:10px 0;height:60px">
					<a href="" target="_blank">
						<img src="img/shouye/footer_hengtiao-w400.png">
					</a>
				</div>
				<div class="area">
					<div id="bottom_list" class="bottom_list">
						<ul class="dl">
							<li class="dt">购物指南</li>
							<li>
								<a href="" target="_blank" rel="nofollow">注册与登录</a>
							</li>
							<li>
								<a href="" target="_blank" rel="nofollow">账户信息维护</a>
							</li>
							<li>
								<a href="" target="_blank" rel="nofollow">购物流程</a>
							</li>
							<li>
								<a href="" target="_blank" rel="nofollow">会员体系</a>
							</li>
							<li>
								<a href="" target="_blank" rel="nofollow">常见问题</a>
							</li>
						</ul>
						<ul class="dl">
							<li class="dt">订单服务</li>
							<li>
								<a href="" target="_blank" rel="nofollow">订单状态说明</a>
							</li>
							<li>
								<a href="" target="_blank" rel="nofollow">自动取消订单</a>
							</li>
							<li>
								<a href="" target="_blank" rel="nofollow">上传身份证</a>
							</li>
						</ul>
						<ul class="dl">
							<li class="dt">支付与配送</li>
							<li>
								<a href="" target="_blank" rel="nofollow">支付方式</a>
							</li>
							<li>
								<a href="" target="_blank" rel="nofollow">优惠券和红包</a>
							</li>
							<li>
								<a href="" target="_blank" rel="nofollow">如何提现</a>
							</li>
							<li>
								<a href="" target="_blank" rel="nofollow">配送方式</a>
							</li>
						</ul>
						<ul class="dl">
							<li class="dt">售后服务</li>
							<li>
								<a href="" target="_blank">消费维权</a>
							</li>
							<li>
								<a href="" target="_blank">纠纷处理规则</a>
							</li>
							<li>
								<a href="" target="_blank">退货规则</a>
							</li>
						</ul>

					</div>
					<div class="matou-intro">
						<a href="" target="_blank" rel="nofollow">关于码头</a>
						<a href="" target="_blank" rel="nofollow">码头招聘</a>
						<a href="" target="_blank" rel="nofollow">网站地图</a>
						<a href="" target="_blank" rel="nofollow">会员体系</a>
						<a href="" target="_blank" rel="nofollow">所有帮助</a>
						<a href="" target="_blank" rel="nofollow">海外招商中心</a>
						<a href="" target="_blank" rel="nofollow">扫货买手规则</a>
						<a class="last" href="" target="_blank" rel="nofollow">卖家常见问题</a>
					</div>
					<div id="copywrite" class="f14">
						© 2009－2018 ymatou.com, All rights reserved 增值电信业务经营许可证：沪B2-20140021
						<font color="white">17 </font>
						<br>
						<a href="" target="_blank">上海洋码头网络技术有限公司 版权所有 备案号（ 沪ICP备11050082号 ）</a>
						<br>上海市灵石路695号3号楼1404室
					</div>
					<div class="friendLinks2">
						<div class="friendLinks" style="float: left;width: 66px;">
							<a class="linkitem icon-gongshang" target="_blank" href="" target="_blank" rel="nofollow"></a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
	<script type="text/javascript">
		(function() {
			var $Menu = $("#categoryMenu");
			var $downlist = $(".downlist");
			$Menu.mouseover(function() {
				$downlist.css("display", "block");
				$Menu.children(0).html("&#xe6d6;");
				$Menu.addClass("hover");
			}).mouseout(function() {
				$downlist.css("display", "none");
				$Menu.children(0).html("&#xe6d5;");
				$Menu.removeClass("hover");
			});
			$downlist.mouseover(function() {
				$Menu.mouseover();
			}).mouseout(function() {
				$downlist.css("display", "none");
				$Menu.children(0).html("&#xe6d5;");
				$Menu.removeClass("hover");
			});
		})();
	</script>

</html>